<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>5566影视资源网-大片抢先看-最新免费电影-好看电视剧-疯狂影视资源搜索-动漫度资源-百度网盘资源</title>
<meta name="description" content="5566影视资源网(https://qinxuewu.club)提供最新的电影大片，最新热播电视剧，经典动漫推荐，综艺娱乐节目，搞笑视频，电视直播，提供网盘链接，每天第一时间更新,免费看电影,5566影视资源网">
<!--[if lt IE 9]>
　　<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
 <link rel="stylesheet" href="layui/css/layui.css">
</head>
<style type="text/css">
@media screen and (min-width: 500px) {
       .main{width: 980px;margin:auto;}
}
#searchBtn{  
  position: absolute;
  top: 0;
  right: -90px;
};
.search-input{position: relative;}
#footer {
    text-align: center;
    background: #393D49;
    padding: 20px 0 15px 0;
    font-size: 12px;
    color: rgba(255,255,255,.7);
    line-height: 1.5em;
    border-top: 5px solid #16A085;
}
.footer-a{color: rgba(255,255,255,.7);}
.list ul li { list-style: none; padding:0;margin:0;display: inline-block;margin-top: 10px;width: 32.3%;height: 80%;}
.list ul li img{width: 100%;height: 80%;}
.title{height: 35px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
#page{margin-top: 15px;}
</style>
<body>
<div class="main">
 <!--导航栏 -->
<nav>
	<ul class="layui-nav" lay-filter="">
		  <li class="layui-nav-item"><a href="">首页</a></li>
		  <li class="layui-nav-item"><a href="">电影</a></li>
		  <li class="layui-nav-item"><a href="">电视剧</a></li>
		  <li class="layui-nav-item"><a href="">动漫</a></li>
		    <li class="layui-nav-item">
		    		<div class="search">
					<form class="layui-form" action="">
						<input type="search" name="title" placeholder="请输入搜索的资源名称" class="layui-input  search-input">
						<button class="layui-btn" id="searchBtn">搜索</button>
					</form>
				</div>
		    </li>
        </ul>
</nav>
<div >
	<div class="layui-carousel" id="test1">
		  <div carousel-item>
		  	<!-- 条目中可以是任意内容，如：<img src=""> -->
			    <div>条目1</div>
			    <div>条目2</div>
			    <div>条目3</div>
			    <div>条目4</div>
			    <div>条目5</div>
		  </div>
	</div>

     <div class="list">
     	 <ul>
     	 	<li>
       	 	   <img src="images/15446884691.jpg">
                  <p class="title">黑暗之地 A Dark Place (2019)</p>
     	 	</li>
     	 	<li>
       	 	   <img src="images/15446884691.jpg">
              <p class="title">黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地黑暗之地</p>
     	 	</li>
     	 	<li>
     	 	   <img src="images/15446884691.jpg">
             <p class="title">黑暗之地 A Dark Place (2019)</p>
     	 	</li>
     	 	<li>
     	 	   <img src="images/15446884691.jpg">
                <p class="title">黑暗之地 A Dark Place (2019)</p>
     	 	</li>
     	 	<li>
     	 	   <img src="images/15446884691.jpg">
                 <p class="title">黑暗之地 A Dark Place (2019)</p>
     	 	</li>
     	 </ul>
     
     </div>
	    <div id="page"></div>
</div>

<div id="footer">
      <div class="copyright">
          <p> Copyright © 2018-2019 <a href="https://qinxuewu.club/" class="footer-a">
  	<strong> 5566影视资源网 </strong></a>
  	<strong>
  	<a href="https://qinxuewu.club/"  class="footer-a">免责声明: 本网站内容均采集于互联网，仅供学习与交流，如果侵犯了您的权益，请发邮件至：870439570@qq.com，我们会及时删除侵权内容.</a>
  	</strong>
        </p>
    </div>
</div>

</div>

<script src="layui/layui.js"></script>
<script>
//一般直接写在一个js文件中
layui.use(['layer', 'element','carousel','laypage'], function(){
  var layer = layui.layer ,element  = layui.element,carousel=layui.carousel,laypage = layui.laypage;
  
//轮播
  carousel.render({
    elem: '#test1'
    ,width: '100%' //设置容器宽度
    ,arrow: 'always' //始终显示箭头
    //,anim: 'updown' //切换动画方式
  });

  //执行一个laypage实例
  laypage.render({
    elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
    ,count: 500,
    groups:3 //数据总数，从服务端得到
  });


});
</script> 
</body>
</html>